import React from "react";
import { Section } from "@/components";
import styles from "./index.module.scss";
import bgPng from "../La-Provence.png";

const VariableFont = () => {
  return (
    <Section className={styles.wrapper}>
      <div className={styles.desc}>
        <p>悬浮板与可变字体</p>
        <ol>
          <li>transform-style: perspective-3d</li>
          <li>perspective: 200px</li>
          <li>font-variation-settings</li>
        </ol>
      </div>
      <div className={styles.container}>
        <ul>
          <li>CSS font-variation</li>
          <li>CSS font-variation</li>
          <li>CSS font-variation</li>
          <li>CSS font-variation</li>
          <li>CSS font-variation</li>
          <li>CSS font-variation</li>
          <li>CSS font-variation</li>
          <li>CSS font-variation</li>
        </ul>
      </div>
    </Section>
  );
};

export default VariableFont;
